<template>
    <div class="lineBox">
        <p class="text">{{ text }}</p>
        <p class="line"></p>
    </div>
</template>

<script setup>

const props = defineProps({
    text: {
        type: String,
        default: ''
    }
})
</script>
<style lang="scss" scoped>
.lineBox{
    display: flex;
    justify-items: center;
    align-items: center;
}
.text{

    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #262626;
    width:100px;
    text-align: left;
}
.line{
    width: calc(100% - 100px);
    height: 1px;
    border:none;
    background: #F0F0F0;
}
</style>